<div class="container product_title">

    <nav aria-label="breadcrumb">
        <ol class="breadcrumb">
            <li class="">当前位置&nbsp;:&nbsp;&nbsp;</li>
            <li class="breadcrumb-item product_classify">
                <a href="javascript:void(0);" id="product_classify"></a>
            </li>
            <li class="breadcrumb-item return_pid">
                <a href="javascript:void(0);"></a>
            </li>
            <li class="breadcrumb-item product_now active" aria-current="page"></li>
        </ol>
    </nav>

</div>

<div class="container">
    <ul class="nav-line d-flex flex-row">

    </ul>
</div>


<section class="dcare__shop__single bg--white section-padding--lg">
    <div class="container">
        <div class="row">
            <div class="col-lg-5 col-md-6 col-sm-6 col-xs-6 product_main_img">
                <div class="row zoom-box">
                    <!--商品放大镜开始-->
                    <!--主图-->
                    <div class="col-xs-12 col-sm-12 col-md-12 small-box">
                        <img src="http://p8rkkx3w0.bkt.clouddn.com/zanwutupian-1-410.jpg" alt="">
                        <img src="" class="d-none product-pic" alt="" id="product-img" onload="$(this).removeClass('d-none').siblings().addClass('d-none')">
                    </div>
                    <!--商品小图-->
                    <div class="col-xs-12 col-sm-12 col-md-12 img-list text-center">
                        <ul class="text-center">
                            <li>
                                <img class="img-responsive active product_small_img" src="http://p8rkkx3w0.bkt.clouddn.com/zanwutupian-1-410.jpg" alt=""
                                    data-small="" data-big="http://p8rkkx3w0.bkt.clouddn.com/liudamao-shu-1.jpg">
                            </li>
                        </ul>
                    </div>
                    <!--商品放大图-->
                    <!--<div class="big-box">
                    <img src="" alt="">
                </div>-->
                    <!--商品放大镜结束-->
                </div>

            </div>

            <!--右侧商品具体信息-->
            <div class="col-lg-7 col-md-6 col-sm-6 col-xs-6 md-mt-40">
                <div class="shop__single__details">
                    <h2 class="product-title"></h2>
                    <div class="prize mb-4">
                        <!--<span>价格:</span>
                        <li id="price"></li>-->
                        <p>价格
                            <span id="price"></span>
                            <span class="bcat"> BCAT</span>
                        </p>
                        <p class="vfee_all d-none">
                            <span id="vfee"></span>
                        </p>

                    </div>
                    <!--<ul class="prize">
                        <li>
                            <span>价格</span><span id="price"></span><span class="bcat">BCAT</span>
                        </li>
                        <li class="vfee_all">
                            <span>兑换此商品需要运费</span><span id="vfee"></span><span class="vfee_bcat">BCAT</span>
                        </li>
                    </ul>-->
                    <!-- <ul class="addr-info-box d-flex">
                        <span class="addr-info-text">配送地址</span>
                        <input id="addr" class="addr-info">
                        <span class="addr_info"></span>
                    </ul>
                    <ul class="addr-info-box d-flex">
                         <span class="addr-info-text">收货人</span>
                         <input id="xm" class="addr-info addr-name"><span class="xm_info"></span>
                    </ul>
                     <ul class="addr-info-box d-flex">
                         <span class="addr-info-text">手机号</span>
                         <input  id="phone" maxlength="11" class="addr-info addr-phone"/><span class="phone_info"></span>
                    </ul> -->
                    <!-- <div class="dropdown">
                        <button class="btn dropdown-toggle bg-white" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true"
                            aria-expanded="false">
                            配送地址
                        </button>
                        <div class="dropdown-menu notifications-menu product-address-menu" aria-labelledby="dropdownMenuButton">
                            <div class="title ml-3">
                                常用地址
                            </div>
                            <div class="product-address-items">
                                    <a class="product-address-item" href="javascript:void(0);" data-id="">
                                        <div class="row">
                                            <div class="col-4">
                                                姓名
                                            </div>
                                            <div class="col-8">
                                                地址
                                            </div>
                                        </div>
                                    </a>
                                    <a class="dropdown-item" href="javascript:void(0);">Another action</a>
                                    <a class="dropdown-item" href="javascript:void(0);">Something else here</a>
                            </div>
                            
                        </div>
                    </div> -->
                    <!-- <ul class="addr-info-box d-flex mb-3">
                        <span class="addr-info-text">配送地址</span>
                    </ul>
                    <div class="input-group">
                        <select class="custom-select" id="productAdressSelect">
                        </select>
                        <div class="input-group-append">
                            <a class="btn editName" href="address-list.html">添加新地址</a>
                        </div>
                    </div> -->
                    <div class="form-group row canday-row sininput">
                        <label class="col-sm-2 col-form-label">配送地址</label>
                        <div class="col-sm-10">
                            <select class="custom-select" id="productAdressSelect">
                                <option value="noaddress">请登录后设置收货地址</option>
                            </select>
                            <div class="invalid-feedback" id="address-input-invalid">

                            </div>
                        </div>
                    </div>
                    <div class="virinput d-none">
                        <ul class="addr-info-box d-flex">
                            <span class="addr-info-text">手机号</span>
                            <input type="text" id="phone" class="addr-info">
                            <span class="phone_info"></span>
                        </ul>
                        <ul class="addr-info-box d-flex">
                            <span class="addr-info-text">微信号</span>
                            <input type="text" id="wx" class="addr-info">
                            <span class="wx_info"></span>
                        </ul>
                    </div>
                    <p id="vnum"></p>
                    <div class="goodsnumbox d-flex ">
                        <span class="goodsnum-text">数量</span>
                        <label class="sub" id="sub">-</label>
                        <label class="control-label" id="goodsnum">
                            1
                        </label>
                        <label class="add" id="add">+</label>
                        <p id="pnum"></p>
                        <span class="havegoods">有货</span>
                    </div>
                    <div class="Addto__cart__btn">
                        <button type="button" class="btn  product_sininfo bcat_defaul_backgroundcolor" data-toggle="modal">立即兑换</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<!--主体-->
<div class="goodsdetail_box">
    <div class="container">
        <ul class="goodsdetail d-flex flex-row">
            <li class="goodsdetail_item  col-xs-12">
                <a id="detail">商品详情</a>
            </li>
        </ul>
        <table class="table table-bordered shop_content_table d-none">
            <thead>
                <tr>
                    <th scope="col" colspan="2">单份理财产品收益返还列表(<span class="shop_content_way"></span>)</th>
                </tr>
                <tr>
                    <th scope="col">理财产品期数</th>
                    <th scope="col">每期返还bcat收益数量</th>
                </tr>
            </thead>
            <tbody>
                
            </tbody>
        </table>
        <ul class="content-box" id="content">


        </ul>
    </div>
</div>